img {
	border: 0px currentColor; border-image: none; vertical-align: middle;
}

h4 {
	font-weight: normal; text-decoration: none;
}


.w {
	margin: 0px auto; width: 1200px;
}

.fl {
	float: left;
}
.fr {
	float: right;
}



.main ul {
	margin: 30px auto 0px;
}
.main ul li {
	margin: 0px 2%; width: 21%; text-align: center; float: left;
}

.main ul li img {
width:200px; height:134px;
}
.main ul li h4 {
	margin: 25px 0px 20px; color: rgb(51, 51, 51); font-size: 22px;
}
.main ul li p {
	color: rgb(94, 94, 94); line-height: 24px; font-size: 15px;
}

.al {
	text-align: left;
}



.product .top {
	margin: 20px 0px 0px; width: 246px; height: auto;
}
.product .top dt {
	background: url("../images/cpt.png") no-repeat 0px 0px; padding: 0px 0px 0px 20px; width: 246px; height: 52px; color: rgb(255, 255, 255); line-height: 52px; font-size: 18px; font-weight: 500; box-sizing: border-box;
}
.product .top dd {
	background: url("../images/lis_h.png") no-repeat 17px rgb(11, 171, 219); padding: 0px 0px 0px 30px; width: 246px; height: 50px; line-height: 50px; font-size: 16px; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid; box-sizing: border-box;
}
.product .top dd a {
	width: 240px; height: 48px; color: rgb(255, 255, 255); display: inline-block;
}
.product .top dd.call {
	background: rgb(11, 171, 219); padding: 10px 20px; height: 70px; color: rgb(255, 255, 255); line-height: 26px; font-size: 18px;
}
.product .box {
	margin: 0px 0px 0px 18px; width: 936px; float: right;
}
.product li {
	margin: 20px 12px 0px 0px; overflow: hidden; float: left; position: relative;
}
.product li img {
	width: 210px; height: 200px;
}
.product li.no_bg {
	margin-right: 0px;
}
.product li a {
	background: rgba(0, 0, 0, 0.4); top: 150px; width: 210px; height: 200px; text-align: center; color: rgb(255, 255, 255); display: block; position: absolute; text-decoration:none;
}
.product li a h4 {
	text-align: center; color: rgb(255, 255, 255); line-height: 50px; overflow: hidden; font-size: 15px; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.product li a .search {
	margin: 20px auto 20px -15px; left: 50%; top: 50px; width: 31px; height: 31px; text-align: center; position: absolute;
}

.products {
	margin: 0px auto; width: 100%;
}





.servlist {
	margin: 50px auto 0px;
}
.servlist li {
	margin: 0px 0px 0px 100px; width: 100%; height: 171px;
}
.servlist li.on span {
	background-color: rgb(29, 139, 217);
}
.servlist .con {
	line-height: 30px; font-size: 22px;
}
.servlist .con b {
	color: rgb(161, 161, 161); font-size: 18px; font-weight: normal;
}
.serjs {
	float: left;
}
.serjs p {
	width: 407px; height: 60px; color: rgb(51, 51, 51); line-height: 20px; margin-top: 10px;
}
.nextjs p {
	width: 407px; height: 60px; color: rgb(51, 51, 51); line-height: 20px; margin-top: 10px;
}
.lz1 {
	width: 287px; height: 100px; margin-left: 50px; float: left; display: block;
}
.servlist li a {
	position: relative;
}
.lz1 span {
	background: url("../images/plic_1.png") no-repeat center rgb(1, 186, 250); border-radius: 50%; width: 100px; height: 100px; float: left;
}
.lz1 i {
	background: url("../images/1-1.png") no-repeat; transition:1000ms; width: 153px; height: 100px; margin-top: 15px; float: right; display: block;
}
.servlist li.on .lz1 i {
	background: url("../images/1-2.png") no-repeat;
}
.nelz {
	width: 294px; height: 100px; margin-left: 263px; float: left; display: block;
}
.nelz i {
	background: url("../images/2-1.png") no-repeat; transition:1000ms; width: 330px; height: 100px; margin-top: 23px; float: left; display: block;
}
.servlist li.on .nelz i {
	background: url("../images/2-2.png") no-repeat;
}
.dol {
	width: 160px !important; margin-right: 0px !important; margin-left: 0px !important;
}
.nelz span {
	background: url("../images/plic_2.png") no-repeat center rgb(1, 186, 250); border-radius: 50%; width: 100px; height: 100px; margin-left: 32px; float: left;
}
.nextjs {
	margin-left: 35px; float: left;
}
.jsth a span {
	background: url("../images/plic_3.png") no-repeat center rgb(1, 186, 250); border-radius: 50%;
}
.jsth a i {
	background: url("../images/3-1.png") no-repeat;
}
.servlist .on.jsth a i {
	background: url("../images/3-2.png") no-repeat;
}
.jsfo a span {
	background: url("../images/plic_4.png") no-repeat center rgb(1, 186, 250); border-radius: 50%;
}
.jsfo a i {
	background: url("../images/4-1.png") no-repeat;
}
.servlist .on.jsfo a i {
	background: url("../images/4-2.png") no-repeat;
}
.jsfi a span {
	background: url("../images/plic_5.png") no-repeat center rgb(1, 186, 250); border-radius: 50%;
}
.jsfi a i {
	background: url("../images/5-1.png") no-repeat;
}
.servlist .on.jsfi a i {
	background: url("../images/5-2.png") no-repeat;
}
.jssi a span {
	background: url("../images/plic_6.png") no-repeat center rgb(1, 186, 250); border-radius: 50%;
}
.jssi a i {
	background: url("../images/6-1.png") no-repeat;
}
.servlist .on.jssi a i {
	background: url("../images/6-2.png") no-repeat;
}
.jsse a span {
	background: url("../images/plic_7.png") no-repeat center rgb(1, 186, 250); border-radius: 50%;
}
.jsse a i {
	background: url("../images/7-1.png") no-repeat;
}
.servlist .on.jsse a i {
	background: url("../images/7-2.png") no-repeat;
}
.jsei a span {
	background: url("../images/plic_8.png") no-repeat center rgb(1, 186, 250); border-radius: 50%;
}
.jsei a i {
	background: url("../images/8-1.png") no-repeat;
}
.servlist .on.jsei a i {
	background: url("../images/8-2.png") no-repeat;
}
.jsni a span {
	background: url("../images/plic_9.png") no-repeat center rgb(1, 186, 250); border-radius: 50%;
}
.jsni a i {
	background: url("../images/9-1.png") no-repeat;
}
.servlist .on.jsni a i {
	background: url("../images/9-2.png") no-repeat;
}
.slide {
	left: 50px; width: 1px; height: 70px; bottom: -70px; border-left-color: rgb(1, 186, 250); border-left-width: 1px; border-left-style: dotted; position: absolute;
}
.nez-solid {
	left: 244px;
}
.fixed .search .num {
	text-align: left; line-height: 50px; font-size: 16px; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid;
}